<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 定义默认链接地址与打开方式，“_blank”方式对搜索引擎不友好 -->
    <base target="_blank"><!-- target = "_blank"的作用是：新的外部链接不会覆盖当前页面 -->
    <!-- 定义页面字符集，常见中文字符集：GBK GB2312 -->
    <meta charset="UTF-8">
    <!-- IE渲染方式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 响应式，移动端网页显示 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网页描述 -->
    <meta name="description" content="">
    <!-- 网页关键字 -->
    <meta name="keywords" content="">
    <!-- 链接样式文件 -->
    <link rel="stylesheet" href="">
    <!-- 定义网页图标，和收藏夹中显示图标 -->
    <link rel="shortcut icon" href="favicon2.ico"><!-- 制作ico图标的网站https://tool.520101.com/diannao/ico/ -->
    <title>body部分</title>
</head>
<body>
    <!-- #region 内容分区元素 -->
    <p>内容文本元素</p>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <!-- endregion -->
    
    <!-- #region 文本内容元素 -->
    <div>div是无格式容器</div>

    <p>
        p段落1 
        p段落2
    </p>

    <pre>
        pre预先格式1
        pre预先格式2
        pre预先格式3
    </pre>

    <p>无序列表</p>
    <ul>
        <li>列表项1</li>
        <li>列表项2</li>
        <li>列表项3</li>
    </ul>

    <p>有序列表</p>
    <ol>
        <li>有序列1</li>
        <li>有序列2</li>
        <li>有序列3</li>
    </ol>

    <p>定义列表</p>
    <dl>
        <dt>定义1</dt>
        <dd>定义1的描述</dd>
        <dt>定义2</dt>
        <dt>定义3</dt>
    </dl>

    <p>分割线</p>
    <hr>

    <p>引用</p>
    <blockquote>
        引用内容1
        引用内容2
        引用内容3
        引用内容4
    </blockquote>
    <!-- endregion -->

    <!-- #region 内联文本元素 -->
    <span>无格式行级元素</span>
    <br>换行<br>
    <b>视觉加粗</b>
    <br>
    <strong>强调加粗</strong>
    <br>
    <i>视觉倾斜</i>
    <br>
    <em>强调倾斜</em>
    <a href="#">链接到当前页</a>
    <a href="http://www.baidu.com" target="_blank">链接到外部地址</a>
    <br>
    <!-- endregion -->

    <!-- #region 图片元素  -->
    <img src="https://res.9game.cn/community/forum/202106/24/104320ndy8kte35y8u44by.jpg" alt="Charlie">
    <a href="https://love.qq.com/main.html">
        <img src="Evan01.jpg" alt="Evan">
    </a>
    <br>
    <!-- endregion -->

    <!-- #region 内嵌内容元素 -->
    <iframe src="https://love.qq.com/main.html" frameborder="1" width="3000" height="800"></iframe>
    <!-- endregion -->
    <!-- #region 媒体元素 -->

    <!-- endregion -->
</body>
</html>